// Hero
.hero
  background-color: white

.hero-figure
  position: relative
  z-index: 0
  height: 90vh
  margin: 0
  padding: 0
  overflow: hidden
  &::before
    content: ''
    position absolute
    z-index: 1
    top 0
    right 0
    bottom 0
    left 0
    background-color rgba(darken(primary-color, 85%), .5)
  figcaption
    position absolute
    z-index: 2
    center()
    display block
    color light-color
    text-align center
    font-size large


.hero-figure-img
  position: absolute
  center()
  min-width: 100%
  max-height: 100%
